<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=TH&nickName=恋爱桃花&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>预知你的甜蜜爱情</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css"/>

    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_"+<!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>

    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="__PUBLIC__/js/rem.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <style> 
        /* 大师简述 */
        .dashi_jianshu{padding-top:0.5rem;padding-bottom:0.4rem;}
        .dashi_title{
            background:url('__PUBLIC__/images/taohuayun/flower_background.png') no-repeat;
            background-size:contain;
            background-position: center;
            line-height: 1.12rem;
            text-align: center;
            font-size:0.36rem;
            color:#333333;
            height:1.12rem;
        }
        .dashi_content{
            padding:0.2rem;
            display: flex;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
        }
        .dashi_left{width:2.61rem;height:2.97rem;margin-right:0.3rem;}
        .dashi_right{flex: 1;-webkit-box-flex: 1;-webkit-flex:1;-ms-flex: 1;}
        .dashi_right p{font-size:0.22rem;color:#333333;line-height: 0.4rem;}
        .dashi_right p span{color:#e71919;}

        /* 表单 */
        .zm_form .zm_form_wrap .form_left{color:#333333;}
        .zm_form .zm_form_wrap ul{border:none;}
        .zm_form .zm_form_wrap ul li{background-color:#f0f0f0;margin-bottom:0.1rem;border:none;border-radius: 0.1rem;}
        .zm_form .zm_form_wrap ul li .form_auto span font{color:#333333;}
        .zm_form .zm_form_wrap .form_auto .on font{color:#ff5378;}
        .zm_form .zm_form_wrap .form_auto .on i{background-color:#ff5378;border-color: #ff5378;}
        /* 底部 */
        .taohua_foot{
            padding:0.6rem 0.3rem;

        }
        .th_title{
            font-size:0.32rem;
            color:#333333;
            text-align: center;
            margin-bottom:0.2rem;
        }
        .th_title::before,.th_title::after{
            content: '';
            width:0.84rem;
            height:0.17rem;
            background:url('__PUBLIC__/images/taohuayun/xin.png') no-repeat;
            background-size: 100% 100%;
            display: inline-block;
            vertical-align: middle;
        }
        .th_title::before{margin-right:0.2rem;}
        .th_title::after{margin-left:0.2rem;}
        .th_content{padding-bottom:0.6rem;}
        .th_content:nth-last-child(1){padding-bottom:0;}
        .th_xx{
            display: flex;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            -ms-flex-pack: justify;
            justify-content:space-between;
            -webkit-box-pack:justify;
            list-style: none;
            padding:0.1rem 0;
        }
        .th_xx .th_li{text-align: center;}
        .th_xx .th_li img{
            width:1.96rem;height:1.59rem;
        }
        .th_xx .th_li p{font-size:0.24rem;color:#333333;}
        
        .th_zz{
            list-style: none; 
            display: flex;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            -webkit-box-pack:center;
            -ms-flex-pack: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-box-orient: vertical;
            -ms-flex-flow: column;
            justify-content:center;
            flex-direction: column;
            align-items:center;
            background: url('__PUBLIC__/images/taohuayun/kuang.png') no-repeat;
            background-size:100% 100%;
            height:2.27rem;
        }
        .th_zz li{line-height: 0.5rem;font-size:0.3rem;color:#333333;}
    </style>
<body>
    <include file="Public/header"/>
    <div class="zm_banner">
        <img src="__PUBLIC__/images/taohuayun/banner.jpg" width="100%" />
    </div>
    <div class="dashi_jianshu">
        <h3 class="dashi_title">恋爱桃花运</h3>
        <div class="dashi_content">
            <div class="dashi_left"><img src="__PUBLIC__/images/taohuayun/dashi_top.png" width="100%" alt=""></div>
            <div class="dashi_right">
                <p>地天泰，研究命理<span>30年</span>，所发布的文章在业内反响巨大，在命理界有着极高影响力及威望。
                <p>连续多年知命大师排行<span>前三</span>，每年有超<span>98%</span>的用户再次下单。</p>
                <p><span>首家！</span>能结合用户的现状做精准的恋爱桃花和正缘特征分析，准确率惊人！</p> 
                <p>迄今已服务超过<span>10万客户</span>，精准度和完整度更高。</p>
            </div>
        </div>
    </div>
    <h3 class="dashi_title" id="scrollT" >输入你的个人信息，预知你的甜蜜爱情</h3>
    <form id="_form" class="zm_form" action="<!--{:U('Lath/lath_zhifu','',false)}-->" method="POST" id="frm">
        <div class="zm_form_wrap">
            <ul>
                <li>
                    <div class="form_left">您的姓名</div>
                    <div class="form_auto">
                        <input type="text" class="bg_no" id="username" name="username" placeholder="请输入名字(必须汉字，可匿名)" />
                    </div>
                </li>
                <li>
                    <div class="form_left">您的性别</div>
                    <div class="form_auto">
                        <span class="on" id="but_man" data-value="1">
                            <i></i>
                            <font>男</font>
                        </span>
                        <span id="but_woman" data-value="0">
                            <i></i>
                            <font>女</font>
                        </span>
                        <input type="hidden" id="sex" name="gender" value="1"/>
                    </div>
                </li>
                <li>
                    <div class="form_left">出生日期</div>
                    <div class="form_auto">
                        <div type="text" class="Js_date" data-date="1985-04-18-7" id="datetime" data-id="birthday">请选择你的出生日期</div>
                        <input type="hidden" id="birthday" name="birthday"  value="" >
                    </div>
                </li>
            </ul>
        </div>
        <a  class="cs_btn" style="background:#ff5378;">立即测算</a>
        <div class="form_bottom">
            已有<b><!--{$Think.cookie.lathcs}--></b>人测算
            <a href="<!--{:U('Index/mycesuan','',false)}-->"><i class="mycs"></i>我的测算</a>
        </div>
    </form>
    <div class="taohua_foot">
        <h3 class="th_title">爱上对的人，陪你走一辈子</h3>
        <div class="th_content">
            <ul class="th_xx">
                <li class="th_li">
                    <img src="__PUBLIC__/images/taohuayun/image_01.png" alt="">
                    <p>想要谈恋爱的你</p>
                </li>
                <li class="th_li">
                    <img src="__PUBLIC__/images/taohuayun/image_02.png" alt="">
                    <p>想增强异性缘的你</p>
                </li>
                <li class="th_li">
                    <img src="__PUBLIC__/images/taohuayun/image_03.png" alt="">
                    <p>想断绝烂桃花的你</p>
                </li>
            </ul>
        </div>
        <h3 class="th_title">揭开你至今良缘难觅的原因</h3>
        <div class="th_content">
            <ul class="th_zz">
                <li><p>专业八字测算出你的天生桃花属性</p></li>
                <li><p>揭秘你一生拥有和隐藏的桃花数</p></li>
                <li><p>九大桃花，分析你这一生的爱情模式</p></li>
            </ul>
        </div>
        <h3 class="th_title">近三个月的桃花运揭秘</h3>
        <div class="th_content">
            <ul class="th_zz">
                <li><p>近三个月的桃花指数：3朵？4朵？还是？</p></li>
                <li><p>近三个月与你最速配的对象样貌特征</p></li>
                <li><p>近三个月哪些时机最容易遇见心爱的TA</p></li>
            </ul>
        </div>
        <h3 class="th_title">专业桃花开运指引：催旺异性缘</h3>
        <div class="th_content">
            <ul class="th_zz">
                <li><p>催桃花秘籍一：最旺你的桃花色彩搭配</p></li>
                <li><p>催桃花秘籍二：老师指引你走上恋爱桃花路</p></li>
            </ul>
        </div>
    </div>

    <!-- 提示收藏 -->
    <include file="Public/index_SC" />

    <!-- 热门 -->
    <div class="hot_cs">
        <include file="Public/zhiming" />
    </div>

    <!-- 脚注 -->
    <footer class="footer_severs">
        <include file="Public/bottom-index" />
    </footer>
    
    <div class="fiex_bt" id="fiex">
        <a href="javascript:;">立即测算</a>
    </div>
    <script>
        //测算底部悬浮
        $(function(){
            var topShow=$(".cs_btn");
            if(topShow.length){
                var topShow=topShow.offset().top;
                var testBtn=$("#fiex");
                $(window).scroll(function(){
                    var wt=$(window).scrollTop();
                    wt>topShow?(testBtn.fadeIn(),$('.footer_severs').css('padding-bottom','1.2rem')):(testBtn.fadeOut(),$('.footer_severs').css('padding-bottom','0.4rem'));
                });
                // goTop
                $('#fiex').on('click',function(){$('html,body').animate({scrollTop:$('#scrollT')[0].offsetTop},500)});
                $.getJSON("<!--{:U('Index/indexXfan','',false)}-->",{csName:'TH'},function(data){//首页-悬浮按钮统计
                });
            }
        });
        var calendar1 = new lCalendar().init('#datetime');//男
        // 选择按钮
        var obut_man = document.getElementById('but_man');
        var obut_woman = document.getElementById('but_woman');
        var osex = document.getElementById('sex');
        obut_man.onclick = function(){
            obut_man.classList.add("on");
            osex.value = 1;
            obut_woman.classList.remove('on');
        }
        obut_woman.onclick = function(){
            obut_woman.classList.add("on");
            osex.value = 0;
            obut_man.classList.remove('on');
        };

        $(".cs_btn").on('click',function(){
            $.getJSON("<!--{:U('Index/indexLjcs','',false)}-->",{csName:'TH'},function(data){//首页-立即测算统计
            });
            if($("[name='username']").val() == ""){
                $("[name='username']").val('匿名');
            }else if($("[name='username']").val().length < 2){
                layer.msg("姓名长度不能少于2");
                return false;
            }
            var patrn= /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
            if(!patrn.exec($("[name='username']").val())){
                layer.msg("请输入中文名字");
                return false;
            }
            if($("[name='birthday']").val() == ""){
                layer.msg("请选择生时");
                return false;
            }
            var oli = layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('订单提交成功', {icon: 1});
                setTimeout(function(){
                    $('#_form').submit();
                },1300);
            },1000);
        });

        var wxlogin='<!--{$Think.cookie.wxlogin}-->';
        if (wxlogin == 1) {
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
                timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
                nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
                signature: '<!--{$signature}-->',// 必填，签名，见附录1
                jsApiList: [
                    'checkJsApi',
                    'openLocation',
                    'getLocation',
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage',
                    'scanQRCode'
                ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });

            wx.ready(function () {
                // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
                // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
                wx.onMenuShareAppMessage({
                    title: '恋爱桃花运', // 分享标题
                    desc: '为什么有人爱情路上洋洋得意，有些人却始终颠沛波折？八字里暗藏的能量带来的是爱情好运，抑或是增添孤克？', // 分享描述
                    link: '<!--{$Think.cookie.THwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/11.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'CY'},function(data){//回调入库
                        });
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });

                wx.onMenuShareTimeline({
                    title: '恋爱桃花运', // 分享标题
                    desc: '为什么有人爱情路上洋洋得意，有些人却始终颠沛波折？八字里暗藏的能量带来的是爱情好运，抑或是增添孤克？', // 分享描述
                    link: '<!--{$Think.cookie.THwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/11.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'CY'},function(data){//回调入库
                        });
                    }

                });

                wx.onMenuShareQQ({
                    title: '恋爱桃花运', // 分享标题
                    desc: '为什么有人爱情路上洋洋得意，有些人却始终颠沛波折？八字里暗藏的能量带来的是爱情好运，抑或是增添孤克？', // 分享描述
                    link: '<!--{$Think.cookie.THwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/11.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareQZone({
                    title: '恋爱桃花运', // 分享标题
                    desc: '为什么有人爱情路上洋洋得意，有些人却始终颠沛波折？八字里暗藏的能量带来的是爱情好运，抑或是增添孤克？', // 分享描述
                    link: '<!--{$Think.cookie.THwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/11.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareWeibo({
                    title: '恋爱桃花运', // 分享标题
                    desc: '为什么有人爱情路上洋洋得意，有些人却始终颠沛波折？八字里暗藏的能量带来的是爱情好运，抑或是增添孤克？', // 分享描述
                    link: '<!--{$Think.cookie.THwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/11.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.error(function (res) {
                    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
                });

            });
        }
    </script>
</body>
</html>